<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.4.1.js"></script>
<script type="text/javascript" src="jquery.blockUI.js"></script>

<script type="text/javascript">
    $(function() {        
        $('#test').click(function() {             
            $.blockUI({ 
                message: $('#question'), 
                css: { width: '275px' } 
            });         
        }); 
        	$('#yes').click(function() {             
            	// update the block message            
             	$.blockUI({ 
                 	message: "<h1>^^...</h1>" 
                });              
                $.ajax({                 
                    url: 'wait.php',                 
                    cache: false,                 
                    complete: function() {              
      					// unblock when remote call returns                    
       					$.unblockUI();                
       				 }             
  				 });         
			}); 
        	$('#no').click(function() {             
            	$.unblockUI();             
            	return false;         
            });              
}); 
        </script> 

</head>

<body>

<input id="test" type="submit" value="Show Dialog" /> 
<div id="question" style="display:none; cursor: default">         
	<h1>Would you like to contine?.</h1>         
	<input type="button" id="yes" value="Yes" />         
	<input type="button" id="no" value="No" /> 
</div> 

</body>
</html>